@charset "utf-8";
.header {
    max-width: 1500px;
    min-width: 1256px;
    margin: 0 auto;
    background: #f6f6f6;
    .logo {
        float: left;
        width: 215px;
        height: 73px;
        .logoImg {
            width: 80px;
            height: 48px;
            margin: 0 auto;
            margin-top: 13.5px;
            .logo div img {
                width: 100%;
            }
        }
    }
    .fl {
        &:hover {
            background: #dcdcdc;
        }
        float: left;
        width: 148px;
        height: 73px;
        line-height: 73px;
        font-size: 14px;
        border-right:1px solid #c2c0c1;
        text-align: center;
        a {
            color: #000000;
        }
    }
    .fl {
        &:hover .groupResume {
            display: block;
            
            z-index: 2;
        }
        position: relative;
        .groupResume {
            display: none;
             background: #fff;
            position: absolute;
            right: -1px;
            top: 73px;
            li {
                &:hover {
                    background: #c5c6c6;
                }
                background: #dfdfdf;
                width: 148px;
                height: 43px;
                line-height: 43px;
                border-bottom: 1px solid #c4c4c4;
                border-right:1px solid #c9cadb;
            }
        }
    }
    .img {
        width: 100%;
        height: 520px;
        overflow: hidden;
        box-shadow: 2px 2px 16px 2px #51626f;
        img {
            height: 100%;
        }
    }
}

.footer {
    max-width: 1500px;
    min-width: 1256px;
    margin: 0 auto;
    height: 62px;
    background: #444444;
    ul {
        margin-left: 276px;
        li {
            display: inline-block;
            font-size: 12px;
            color: #b4b4b4;
            -webkit-transform: scale(0.8);
            line-height: 62px;
        }
        .footer_Two {
            margin-left: 300px;
        }
    }
}